﻿@using HopNguyenModel
@{
    var image = new Image();
}
 @if(Request.RawUrl.Equals("/"))
 {
<div class="main-featured">
    <div class="wrap" >
        <div class="fullwidthbanner-container">
            <div class="fullwidthabnner">
                <ul id="revolutionul" style="display:none;"> 
                    @foreach (var item in image.GetByTypeId(6).OrderByDescending(a => a.Id))
                    {
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="4000" data-thumb="upload/slide/sliders/revolution/thumbs/thumb2.jpg">
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                            <img src="@item.Image1" />
                            @Html.Raw(item.Summary)
                        </li>
               
                    }
                </ul>
            </div>
        </div>
    </div>
</div>

     <div style="background-color: #f9f9f9; border: 1px solid #ececec; padding: 20px 15px 20px 25px;">
         <div class="wrap">
             <div class="row" style="">
                 <div class="col-md-6 service-main">
                     <div class="service-img"><img  src="~/Upload/Images/dich-vu-dich-thuat-service.jpg" /></div>
                     <div class="service-content">
                         <h3><a href="/dich-thuat.html" class="mnhaschild ">Dịch Vụ Dịch thuật</a></h3>
                         @foreach (var item in new Content().GetByTypeId(25))
                         {
                             <h2><a  href="@item.Url"><i class="fa fa-angle-double-right"></i> @item.Name</a></h2>
                         }
                         <div class="more"><a class='btn' href="/dich-thuat/danh-sach.html"><span>Xem tiếp</span><i class="fa fa-chevron-circle-right"></i></a></div>
                     </div>
                 </div>
            
                 <div class="col-md-6 service-main">
                     <div class="service-img"><img  src="~/Upload/Images/dich-vu-phien-dich-service.jpg" /></div>
                     <div class="service-content">
                         <h3><a href="/phien-dich.html" class="mnhaschild ">Dịch Vụ Phiên Dịch</a></h3>
                         @foreach (var item in new Content().GetByTypeId(45))
                         {
                             <h2><a  href="@item.Url"><i class="fa fa-angle-double-right"></i> @item.Name</a></h2>
                         }
                         <div class="more"><a class='btn' href="/phien-dich/danh-sach.html"><span>Xem tiếp</span><i class="fa fa-chevron-circle-right"></i></a></div>
                     </div>
                 </div>
             </div>

             <div class="row">
                 <div class="col-md-6 service-main">
                     <div class="service-img"><img  src="~/Upload/Images/dich-vu-cong-chung-nhanh-service.jpg" /></div>
                     <div class="service-content">
                         <h3><a href="/cong-chung-nhanh.html" class="mnhaschild ">CÔNG CHỨNG NHANH</a></h3>
                         @foreach (var item in new Content().GetByTypeId(49))
                         {
                             <h2><a  href="@item.Url"><i class="fa fa-angle-double-right"></i> @item.Name</a></h2>
                         }
                         <div class="more"><a class='btn' href="/cong-chung-nhanh/danh-sach.html"><span>Xem tiếp<i class="fa fa-chevron-circle-right"></i></span></a></div>
                     </div>
                 </div><div class="col-md-6 service-main">
                           <div class="service-img"><img  src="~/Upload/Images/dich-vu-khac-service.jpg" /></div>
                           <div class="service-content">
                               <h3><a href="/dich-vu-khac.html" class="mnhaschild ">Dịch Vụ Khác</a></h3>
                               @foreach (var item in new Content().GetByTypeId(46))
                               {
                                   <h2><a  href="@item.Url"><i class="fa fa-angle-double-right"></i> @item.Name</a></h2>
                               }
                         <div class="more"><a class='btn' href="/dich-vu-khac/danh-sach.html"><span>Xem tiếp</span><i class="fa fa-chevron-circle-right"></i></a></div>
                           </div>
                       </div>
             </div>
         </div>
     </div>
 }
@*<div class="shadow-slide"></div>
  <div class="fullwidthbanner-container slider-main border_box">
            <div class="fullwidthabnner">
                <ul id="revolutionul" style="display:none;">            
                        <!-- THE FIRST SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="upload/slide/sliders/revolution/thumbs/thumb2.jpg">
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                            <img src="~/Upload/Slide/sliders/revolution/bg6.jpg" />
                            <div class="caption lft slide_title slide_item_left"
                                 data-x="0"
                                 data-y="105"
                                 data-speed="400"
                                 data-start="1500"
                                 data-easing="easeOutExpo">
                                 Need a website design ? 
                            </div>
                            <div class="caption lft slide_subtitle slide_item_left"
                                 data-x="0"
                                 data-y="180"
                                 data-speed="400"
                                 data-start="2000"
                                 data-easing="easeOutExpo">
                                 This is what you were looking for
                            </div>
                            <div class="caption lft slide_desc slide_item_left"
                                 data-x="0"
                                 data-y="220"
                                 data-speed="400"
                                 data-start="2500"
                                 data-easing="easeOutExpo">
                                 Lorem ipsum dolor sit amet, dolore eiusmod<br>
                                 quis tempor incididunt. Sed unde omnis iste.
                            </div>
                            <a class="caption lft btn green slide_btn slide_item_left" href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes"
                                 data-x="0"
                                 data-y="290"
                                 data-speed="400"
                                 data-start="3000"
                                 data-easing="easeOutExpo">
                                 Purchase Now!
                            </a>                        
                            <div class="caption lfb"
                                 data-x="640" 
                                 data-y="55" 
                                 data-speed="700" 
                                 data-start="1000" 
                                 data-easing="easeOutExpo"  >
                                 <img src="upload/slide/sliders/revolution/man-winner.png" alt="Image 1">
                            </div>
                        </li>

                        <!-- THE SECOND SLIDE -->
                        <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="9400" data-thumb="upload/slide/sliders/revolution/thumbs/thumb2.jpg">                        
                            <img src="~/Upload/Slide/sliders/revolution/bg7.jpg" />
                            <div class="caption lfl slide_title slide_item_left"
                                 data-x="0"
                                 data-y="125"
                                 data-speed="400"
                                 data-start="3500"
                                 data-easing="easeOutExpo">
                                 Powerfull & Clean
                            </div>
                            <div class="caption lfl slide_subtitle slide_item_left"
                                 data-x="0"
                                 data-y="200"
                                 data-speed="400"
                                 data-start="4000"
                                 data-easing="easeOutExpo">
                                 Responsive Admin & Website Theme
                            </div>
                            <div class="caption lfl slide_desc slide_item_left"
                                 data-x="0"
                                 data-y="245"
                                 data-speed="400"
                                 data-start="4500"
                                 data-easing="easeOutExpo">
                                 Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
                            </div>                        
                            <div class="caption lfr slide_item_right" 
                                 data-x="635" 
                                 data-y="105" 
                                 data-speed="1200" 
                                 data-start="1500" 
                                 data-easing="easeOutBack">
                                 <img src="upload/slide/sliders/revolution/mac.png" alt="Image 1">
                            </div>
                            <div class="caption lfr slide_item_right" 
                                 data-x="580" 
                                 data-y="245" 
                                 data-speed="1200" 
                                 data-start="2000" 
                                 data-easing="easeOutBack">
                                 <img src="upload/slide/sliders/revolution/ipad.png" alt="Image 1">
                            </div>
                            <div class="caption lfr slide_item_right" 
                                 data-x="735" 
                                 data-y="290" 
                                 data-speed="1200" 
                                 data-start="2500" 
                                 data-easing="easeOutBack">
                                 <img src="upload/slide/sliders/revolution/iphone.png" alt="Image 1">
                            </div>
                            <div class="caption lfr slide_item_right" 
                                 data-x="835" 
                                 data-y="230" 
                                 data-speed="1200" 
                                 data-start="3000" 
                                 data-easing="easeOutBack">
                                 <img src="upload/slide/sliders/revolution/macbook.png" alt="Image 1">
                            </div>
                            <div class="caption lft slide_item_right" 
                                 data-x="865" 
                                 data-y="45" 
                                 data-speed="500" 
                                 data-start="5000" 
                                 data-easing="easeOutBack">
                                 <img src="upload/slide/sliders/revolution/hint1-blue.png" id="rev-hint1" alt="Image 1">
                            </div>                        
                            <div class="caption lfb slide_item_right" 
                                 data-x="355" 
                                 data-y="355" 
                                 data-speed="500" 
                                 data-start="5500" 
                                 data-easing="easeOutBack">
                                 <img src="upload/slide/sliders/revolution/hint2-blue.png" id="rev-hint2" alt="Image 1">
                            </div>

                        </li>
                        
                        <!-- THE THIRD SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="upload/slide/sliders/revolution/thumbs/thumb2.jpg">
                            <img src="~/Upload/Slide/sliders/revolution/bg8.jpg" />
                            <div class="caption lfl slide_item_left" 
                                 data-x="20" 
                                 data-y="95" 
                                 data-speed="400" 
                                 data-start="1500" 
                                 data-easing="easeOutBack">
                                 <iframe src="http://player.vimeo.com/video/56974716?portrait=0" width="420" height="240" style="border:0" allowFullScreen></iframe> 
                            </div>
                            <div class="caption lfr slide_title"
                                 data-x="470"
                                 data-y="100"
                                 data-speed="400"
                                 data-start="2000"
                                 data-easing="easeOutExpo">
                                 Responsive Video Support
                            </div>
                            <div class="caption lfr slide_subtitle"
                                 data-x="470"
                                 data-y="170"
                                 data-speed="400"
                                 data-start="2500"
                                 data-easing="easeOutExpo">
                                 Youtube, Vimeo and others.
                            </div>
                            <div class="caption lfr slide_desc"
                                 data-x="470"
                                 data-y="220"
                                 data-speed="400"
                                 data-start="3000"
                                 data-easing="easeOutExpo">
                                 Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
                            </div>
                            <a class="caption lfr btn yellow slide_btn" href=""
                                 data-x="470"
                                 data-y="280"
                                 data-speed="400"
                                 data-start="3500"
                                 data-easing="easeOutExpo">
                                 Watch more Videos!
                            </a>
                        </li>               
                        
                        <!-- THE FORTH SLIDE -->
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="upload/slide/sliders/revolution/thumbs/thumb2.jpg">
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                            <img src="~/Upload/Slide/sliders/revolution/bg9.jpg" />                    
                             <div class="caption lft slide_title"
                                 data-x="0"
                                 data-y="105"
                                 data-speed="400"
                                 data-start="1500"
                                 data-easing="easeOutExpo">
                                 What else included ?
                            </div>
                            <div class="caption lft slide_subtitle"
                                 data-x="0"
                                 data-y="180"
                                 data-speed="400"
                                 data-start="2000"
                                 data-easing="easeOutExpo">
                                 The Most Complete Admin Theme
                            </div>
                            <div class="caption lft slide_desc"
                                 data-x="0"
                                 data-y="225"
                                 data-speed="400"
                                 data-start="2500"
                                 data-easing="easeOutExpo">
                                 Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
                            </div>
                            <a class="caption lft slide_btn btn red slide_item_left" href="http://www.keenthemes.com/preview/index.php?theme=metronic_admin" target="_blank" 
                                 data-x="0"
                                 data-y="300"
                                 data-speed="400"
                                 data-start="3000"
                                 data-easing="easeOutExpo">
                                 Learn More!
                            </a>                        
                            <div class="caption lft start"  
                                 data-x="670" 
                                 data-y="55" 
                                 data-speed="400" 
                                 data-start="2000" 
                                 data-easing="easeOutBack"  >
                                 <img src="upload/slide/sliders/revolution/iphone_left.png" alt="Image 2">
                            </div>
                            
                            <div class="caption lft start"  
                                 data-x="850" 
                                 data-y="55" 
                                 data-speed="400" 
                                 data-start="2400" 
                                 data-easing="easeOutBack"  >
                                 <img src="upload/slide/sliders/revolution/iphone_right.png" alt="Image 3">
                            </div>                        
                        </li>
                </ul>
                <div class="tp-bannertimer tp-bottom"></div>
            </div>
        </div>*@
